import type {App} from 'vue';
import type {I18n, I18nOptions} from 'vue-i18n';

import {createI18n} from 'vue-i18n';
import {setHtmlPageLang, setLoadLocalePool} from './helper';
import {localeSetting} from '@/settings/localeSetting';
import {useLocaleStoreWithOut} from '@/store/modules/locale';
import {allI18nConfigByType} from "@/api/system/i18nConfig";

const {fallback, availableLocales} = localeSetting;

export let i18n: ReturnType<typeof createI18n>;

async function createI18nOptions(): Promise<I18nOptions> {
    const localeStore = useLocaleStoreWithOut();
    const locale = localeStore.getLocale;
    const defaultLocal = await import(`./lang/${locale}.ts`);
    const message = defaultLocal.default?.message ?? {};

    for (const key of Object.keys(message)) {
        let ret = await allI18nConfigByType(locale, key);

        let langFileModule = message[key];
        console.log(locale + "-" + key + ":" + ret.data.length)
        ret.data.forEach(item => {
            langFileModule[item.key] = item.value;
        })
        message[key] = langFileModule;
    }

    setHtmlPageLang(locale);
    setLoadLocalePool(loadLocalePool => {
        loadLocalePool.push(locale);
    });

    return {
        legacy: false,
        locale,
        fallbackLocale: fallback,
        messages: {
            [locale]: message,
        },
        availableLocales: availableLocales,
        sync: true, //If you don’t want to inherit locale from global scope, you need to set sync of i18n component option to false.
        silentTranslationWarn: true, // true - warning off
        missingWarn: false,
        silentFallbackWarn: true,
    };
}

// setup i18n instance with glob
export async function setupI18n(app: App) {
    const options = await createI18nOptions();
    // @ts-ignore
    i18n = createI18n(options) as I18n;
    app.use(i18n);
}
